<template>
	<view>
		<cu-custom :bgLiner="true" :isBlack="false">
			<block slot="content">餐厅详情</block>
		</cu-custom>
		<view class="position-rel z-i-1">
			<view class="circle-orange"></view>
			<view class="position-rel z-i-2 contents">
				<image :src="info.cover?info.cover.split(',')[0]:''" class="top-img"></image>
				<view class="p-l-15 p-r-15 position-rel">
					<view class="album-btn flex align-center justify-center" @click="toPhoto">
						相册
						<image src="/static/img/xiangyou-white.png" class="xiangyou-white m-l-2" mode=""></image>
					</view>
					<view class="restaurant-desc ">
						<view class="orange f-16 fontBold">
							{{info.name}}
						</view>
						<view class="flex align-center justify-space-between m-t-5">
							<view class="f-12 fontBold">
								地址：{{info.address}}
							</view>
							<view class="flex align-center">
								<view class="flex align-center" @click="openLocal">
									<image src="/static/img/local.png" class="local"></image>
								</view>
								<view class="flex align-center" @click="makePhone">
									<image src="/static/img/phone.png" class="local"></image>
								</view>
							</view>
						</view>
						<!-- <view class="f-12 m-t-5 fontBold">
							厨师：{{chef_str}}
						</view> -->
						<view class="f-12 m-t-5 black-6" @click="toPark">
							餐厅说明
							<image src="/static/img/right-gray.png" class="right-gray m-l-5"></image>
						</view>
					</view>
				</view>
				<view class="wrap  p-r-10 m-b-15 m-t-15" v-if="is_top_room">
					<view class="flex justify-space-between align-center">
						<view class="fontBold f-16 orange ">
							餐厅包房
						</view>
						<!-- <view class="fontBold f-12 orange">
							进入包间去点餐吧！
						</view> -->
					</view>
					<view class="m-t-15" v-for="(item,index) in compartment" :key="index" @click="toOrder(item)">
						<view class="fontBold orange">
							{{item.name}}
						</view>
						<view class="flex  m-t-10 position-rel">
							<!-- <view class="tips" v-show="tipsShow&&item.id == roomId">
								输入人数超出选择包间人数限制，请重新选择包间！
							</view> -->
							<view class="flex align-center room-box position-rel" v-for="(item2,index2) in item.img_arr"
								:class="[index2!=2?'m-r-12':'']">
								<image :src="item2" class="room-img" mode="aspectFill"></image>
								<view class="len-tip flex align-center justify-center" v-if="item.lens&&index2==2">
									+{{item.lens}}
								</view>
							</view>
						</view>
						<view class="flex m-t-10 flex-wrap">
							<view class="room-desc m-r-5 m-b-2" v-for="(item2,index2) in item.ambient_arr">
								{{item2.name}}
							</view>
							<view class="room-desc m-r-5 m-b-2" v-for="(item2,index2) in item.amuse_arr">
								{{item2.name}}
							</view>
						</view>
					</view>
				</view>
				<view class="wrap m-t-15">
					<view class="fontBold f-16 orange m-b-10">
						餐厅菜品
					</view>
					<scroll-view scroll-x="true" style="white-space: nowrap;">
						<view class="flex">
							<view class="chef-item" v-for="(item,index) in cuisine" :key="index">
								<view class="tip" v-if="item.is_tag!=0">
									{{item.is_tag==1?'新品':'主推'}}
								</view>
								<view class="flex align-center">
									<image :src="item.img" class="chef-img"></image>
								</view>
								<view class="m-t-8">
									<view class="f-14 orange fontBold text-overflow-1">
										{{item.name}}
									</view>
									<view class="f-14 text-overflow-1 m-t-5">
										{{item.order_num||0}}人点单
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</view>
				<!-- <view class="wrap m-t-15">
					<view class="fontBold f-16 orange m-b-10">
						厨师介绍
					</view>
					<scroll-view scroll-x="true" style="white-space: nowrap;">
						<view class="flex">
							<view class="chef-item" v-for="(item,index) in chef" :key="index" @click="toChef">
								<view class="flex align-center">
									<image :src="item.url" class="chef-img"></image>
								</view>
								<view class="m-t-8" style="white-space: normal;">
									<view class="f-14 orange fontBold text-overflow-1">
										{{item.name}}
									</view>
									<view class="f-14 text-overflow-1 m-t-5">
										{{item.introduce}}
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</view> -->
				<view class="wrap m-t-15 p-r-10" v-if="!is_top_room">
					<view class="flex justify-space-between align-center">
						<view class="fontBold f-16 orange ">
							餐厅包房
						</view>
						<!-- <view class="fontBold f-12 orange">
							进入包间去点餐吧！
						</view> -->
					</view>
					<view class="m-t-15" v-for="(item,index) in compartment" :key="index" @click="toOrder(item)">
						<view class="fontBold orange">
							{{item.name}}
						</view>
						<view class="flex  m-t-10 position-rel">

							<view class="flex align-center room-box position-rel" v-for="(item2,index2) in item.img_arr"
								:class="[index2!=2?'m-r-12':'']">
								<image :src="item2" class="room-img" mode="aspectFill"></image>
								<view class="len-tip flex align-center justify-center" v-if="item.lens&&index2==2">
									+{{item.lens}}
								</view>
							</view>
						</view>
						<view class="flex m-t-10 flex-wrap">
							<view class="room-desc m-r-5 m-b-2" v-for="(item2,index2) in item.ambient_arr">
								{{item2.name}}
							</view>
							<view class="room-desc m-r-5 m-b-2" v-for="(item2,index2) in item.amuse_arr">
								{{item2.name}}
							</view>
						</view>
					</view>
				</view>
			</view>
			<view style="height: 130rpx;"></view>
			<view class="bottom-wrap flex justify-space-around">
				<view class="bottom-btn bottom-btn2" @click="showPop">
					立即预定
				</view>
			</view>
		</view>
		
		<uni-popup ref="popup" type="bottom" :animation="false">
			<view class="popup_content">
				<view class="fontBold f-16 orange  m-b-15">
					你好，想订什么时候，几位？
				</view>
				<view class="">
					<scroll-view scroll-x="true" style="white-space: nowrap;" class="m-b-15 scroll-container" :scroll-into-view="orderData.dateV" :scroll-with-animation="true">
						<view class="flex">
							<view class="order-btn flex-none flex align-center justify-center" :class="[item.name==orderData.date?'order-btn-act':'']" v-for="(item,index) in orderData.dateList" :key="index" @click="changeOrder(item,'date')" :id="'date'+item.id">
								<view class="">
									<view class="fontBold f-16" :class="[item.disabled?'black-9':'']">
										{{item.name}}
									</view>
									<view class="text-center f-12 black-9" v-if="item.disabled">
										不可订
									</view>
									<view class="text-center f-12" v-else>
										{{item.week}}
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<scroll-view scroll-x="true" style="white-space: nowrap;" class="m-b-15 scroll-container" :scroll-into-view="orderData.timeV" :scroll-with-animation="true">
						<view class="flex">
							<view class="order-btn flex-none flex align-center justify-center" :class="[item.name==orderData.time?'order-btn-act':'']" v-for="(item,index) in orderData.timeList" :key="index" @click="changeOrder(item,'time')" :id="'time'+item.id">
								<view class="">
									<view class="fontBold f-16">
										{{item.name}}
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<scroll-view scroll-x="true" style="white-space: nowrap;" class="m-b-15 scroll-container" :scroll-into-view="orderData.numV" :scroll-with-animation="true">
						<view class="flex">
							<view class="order-btn flex-none flex align-center justify-center" :class="[item.name==orderData.num?'order-btn-act':'']" v-for="(item,index) in orderData.numList" :key="index" @click="changeOrder(item,'num')" :id="'num'+item.id">
								<view class="">
									<view class="fontBold f-16">
										{{item.name}}人
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<scroll-view scroll-x="true" style="white-space: nowrap;" class="m-b-15 scroll-container" :scroll-into-view	="orderData.roomV" :scroll-with-animation="true">
						<view class="flex">
							<view class="order-btn flex-none flex align-center justify-center" :class="[item.id==orderData.room?'order-btn-act':'']" v-for="(item,index) in orderData.roomList" :key="index" @click="changeOrder(item,'room')" :id="'room'+item.id">
								<view class="">
									<view class="fontBold f-15 text-overflow-1" :class="[item.reserve == 1?'black-9':'']">
										{{item.name}}
									</view>
									<view class="text-center f-12 black-9" v-if="item.reserve == 1">
										不可订
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</view>
				<view class="flex justify-center m-t-20">
					<view class="btn btn1 m-r-10" @click="sub(1)">
						人均点餐
					</view>
					<view class="btn btn2" @click="sub(2)">
						菜单点餐
					</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="popupTip" type="center" :animation="false">
			<view class="popup_content popup_content_tip">
				<view class="fontBold f-22 orange text-center m-b-15">
					温馨提示
				</view>
				<view class="f-16 fontBold text-center">
					该包间建议用餐人数{{roomNum}}人，请酌情选择
				</view>
				<view class="flex justify-center  m-t-20">
					<view class=" btn" @click="closePopTip">
						确认
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: 0,
				info: {},
				chef: [],
				cuisine: [],
				compartment: [],
				chef_str: '',
				is_top_room: true,
				tipsShow: false,
				roomId: 0, //当前选择的餐厅
				latitude:'',
				longitude:'',
				
				orderData:{
					dateList:[],
					date:'',
					dateV:'',
					timeList:[],
					timeListAll:[],
					timeListToday:[],
					time:'',
					timeV:'',
					when:1,//1中午 2晚上
					numList:[],
					num:1,
					numV:'',
					roomList:[],
					room:0,
					roomV:''
				},
				ordertype:1,//1人均点餐  2菜单点餐
				minimum_charge:0,//包间最低消费金额
				roomNum:1,
			}
		},
		onLoad(option) {
			this.id = option.id;
			this.getInfo();
			
		},
		onShow() {
			let singleId = this.$store.state.singleId;
			if (singleId) {
				this.is_top_room = true;
				this.tipsShow = true;
				this.roomId = singleId;
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 0
				})
				setTimeout(() => {
					this.roomId = 0;
					this.tipsShow = false;
				}, 3000)
				this.$store.state.singleId = null;
			}
		},
		computed:{
			nowDay(){
				let dates = new Date().getTime();
				let dateNow = new Date(dates);
				let YNow = dateNow.getFullYear();
				let MNow = this.formatNumber(dateNow.getMonth() + 1);
				let DNow = this.formatNumber(dateNow.getDate());
				return `${YNow}-${MNow}-${DNow}`
			}
		},
		methods: {
			toPark() {
				uni.navigateTo({
					url: '/pages/operate/parkingDesc?id=' + this.id
				})
			},
			toPhoto() {
				uni.navigateTo({
					url: '/pages/operate/photo?id=' + this.id
				})
			},
			toOrder(item) {
				uni.navigateTo({
					url: '/pages/operate/numAndTime?id=' + this.id + '&roomId=' + item.id
				})
			},
			openLocal() {
				uni.openLocation({
					latitude: this.latitude,
					longitude: this.longitude,
					success: function() {
						console.log('success');
					},
					fail(rej) {
						console.log(rej)
					}
				});
			},
			makePhone(){
				uni.makePhoneCall({
					phoneNumber: this.info.phone
				});
			},
			getInfo() {
				let data = {
					shop_id: this.id
				}
				this.$http('/apicloud/Shop/shopInfo', data).then(res => {
					if (res.code == 200) {
						let datas = res.data;
						this.info = datas.info;
						this.latitude = parseFloat(this.info.latitude);
						this.longitude = parseFloat(this.info.longitude);
						this.chef = datas.chef;
						// let arr = [];
						// this.chef.forEach(item => {
						// 	arr.push(item.name);
						// })
						// this.chef_str = arr.join('/');
						this.cuisine = datas.cuisine;
						this.compartment = datas.compartment;
						this.compartment.forEach(item => {
							let img_arr = item.img ? item.img.split(',') : [];
							img_arr = img_arr.map(items=>{
								return items.slice(-3)=='mp4'?items+'?x-oss-process=video/snapshot,t_1000,m_fast':items
							})
							let len = img_arr.length;
							item.img_arr = len > 3 ? img_arr.slice(0, 3) : img_arr;
							item.lens = len > 3 ? len - 3 : 0;
						})
					}
				})
			},
			toChef(){
				uni.navigateTo({
					url:'/pages/operate/chefList?id='+this.id
				})
			},
			showPop(){
				this.init();
				this.$refs.popup.open();
			},
			closePop(){
				this.$refs.popup.close();
			},
			showPopTip(){
				this.$refs.popupTip.open();
			},
			closePopTip(){
				this.$refs.popupTip.close();
				let date = this.orderData.dateList.filter(val=> {return val.name == this.orderData.date})[0].relName;
				let book_at = `${date} ${this.orderData.time}`;
				uni.navigateTo({
					url: '/pages/operate/orderFood?type=' + this.ordertype+'&id='+this.id+'&roomId='+this.orderData.room+'&book_at='+book_at+'&user_num='+this.orderData.num+'&when='+this.orderData.when+'&minimum_charge='+this.minimum_charge
				})
			},
			formatNumber(n) {
				n = n.toString()
				return n[1] ? n : '0' + n
			},
			init(){
				this.orderData.dateV = '';
				let dates = new Date().getTime();
				let dateNow = new Date(dates);
				let YNow = dateNow.getFullYear();
				let MNow = this.formatNumber(dateNow.getMonth() + 1);
				let DNow = this.formatNumber(dateNow.getDate());
				let top = `${YNow}/${MNow}/${DNow} 12:00`;
				let top2 = `${YNow}/${MNow}/${DNow} 17:00`;
				let mid = `${YNow}/${MNow}/${DNow} 15:00`;
				let afternoon = `${YNow}/${MNow}/${DNow} 20:00`;
				let topTime = this.$util.timeToTimestamp(top);
				let topTime2 = this.$util.timeToTimestamp(top2);
				let midTime = this.$util.timeToTimestamp(mid);
				let afternoonTime = this.$util.timeToTimestamp(afternoon);
				
				let dateList = [];
				let weekArr = ['日','一','二','三','四','五','六'];
				let timeArr = ['今天','明天'];
				for(let i = 0;i<14;i++){
					let times = i * 86400 * 1000;
					let date = new Date(dates + times);
					let Y = date.getFullYear();
					let M = this.formatNumber(date.getMonth() + 1);
					let D = this.formatNumber(date.getDate());
					let weekNum = date.getDay();
					let weekStr = weekArr[weekNum];
					let week = i>1?'周'+weekStr:timeArr[i];
					dateList.push({
						relName:`${Y}-${M}-${D}`,
						name:`${M}.${D}`,
						week,
						id:i,
						disabled:false
					})
				}
				this.orderData.dateList = dateList;
				this.orderData.date = dateList[0].name;
				if(dates > afternoonTime){
					this.orderData.dateList[0].disabled = true;
					this.orderData.date = dateList[1].name;
				}
				
				let timeListAll = [];
				let timeListToday = [];
				let time2 = `2025/07/09 12:00`;
				let time3 = `2025/07/09 17:00`;
				let dates2 = new Date(time2).getTime();
				for(let i = 0;i<7;i++){
					let times2 = i * 1800 * 1000;
					let date2 = new Date(dates2 + times2);
					let hour2 = this.formatNumber(date2.getHours());
					let minute2 = this.formatNumber(date2.getMinutes());
					let timeBe = topTime + times2;
					timeListAll.push({
						name:`${hour2}:${minute2}`,
						when:1,
						id:i
					})
					if(this.orderData.dateList[0].disabled == true||(this.orderData.dateList[0].disabled == false&&timeBe > dates)){
						timeListToday.push({
							name:`${hour2}:${minute2}`,
							when:1,
							id:i
						})
					}
				}
				let dates3 = new Date(time3).getTime();
				for(let i = 0;i<7;i++){
					let times3 = i * 1800 * 1000;
					let date3 = new Date(dates3 + times3);
					let hour3 = this.formatNumber(date3.getHours());
					let minute3 = this.formatNumber(date3.getMinutes());
					let timeAfter = topTime2 + times3;
					timeListAll.push({
						name:`${hour3}:${minute3}`,
						when:2,
						id:i+7
					})
					if(this.orderData.dateList[0].disabled == true||(this.orderData.dateList[0].disabled == false&&timeAfter > dates)){
						timeListToday.push({
							name:`${hour3}:${minute3}`,
							when:2,
							id:i+7
						})
					}
				}
				this.orderData.timeListToday = timeListToday;
				this.orderData.timeListAll = timeListAll;
				this.orderData.timeList = timeListToday;
				this.orderData.time = timeListToday[0].name;
				this.orderData.when = timeListToday[0].when;
				let numList = [];
				for(let i = 1;i<=15;i++){
					numList.push({
						name:i,
						id:i
					})
				}
				this.orderData.numList = numList;
				this.verityRoom();
			},
			changeOrder(item,name){
				if(name == 'room'){
					if(item.reserve==1){
						this.$util.showToast('该包间不可订',1500);
						return;
					}
					this.orderData[name] = item.id;
					this.minimum_charge = item.minimum_charge;
				}else{
					if(name=='date'&&item.disabled){
						this.$util.showToast('当前日期不可选',1500);
						return;
					}
					if(name == 'time'){
						this.orderData.when = item.when;
					}
					this.orderData[name] = item.name;
					console.log(item)
					if(name=='date'){
						if(this.nowDay == item.relName){
							this.orderData.timeList = this.orderData.timeListToday;
							this.orderData.time = this.orderData.timeList[0].name;
							this.orderData.when = this.orderData.timeList[0].when;
							this.$nextTick(()=>{
								this.orderData.timeV = 'time' + this.orderData.timeList[0].id;
							})
						}else{
							this.orderData.timeV = '';
							this.orderData.timeList = this.orderData.timeListAll;
							let idt = this.orderData.timeListAll.filter(val=> {return val.name == this.orderData.time})[0].id;
							setTimeout(()=>{
								this.$nextTick(()=>{
									this.orderData.timeV = 'time' + idt;
								})
							},200)
						}
					}
					this.verityRoom();
				}
				this.$nextTick(()=>{
					this.orderData[name+'V'] = name + item.id;
				})
			},
			verityRoom(){
				let date = this.orderData.dateList.filter(val=> {return val.name == this.orderData.date})[0].relName;
				let data = {
					shop_id:this.id,
					book_at:`${date} ${this.orderData.time}`
				}
				this.$http('/apicloud/order/verifyCompartmentV1', data).then(res => {
					if (res.code == 200) {
						let list = res.data.list;
						let a = list.findIndex(v=>{return v.reserve == 0});
						if(a > -1){
							this.orderData.room = list[a].id;
							this.minimum_charge = list[a].minimum_charge;
						}else{
							this.orderData.room = 0;
						}
						this.orderData.roomList = list;
					}
				})
			},
			sub(type) {
				if(this.orderData.room==0){
					this.$util.showToast('请选择包间',1500);
					return;
				}
				this.ordertype = type;
				let date = this.orderData.dateList.filter(val=> {return val.name == this.orderData.date})[0].relName;
				let book_at = `${date} ${this.orderData.time}`;
				let data = {
					compartment_id: this.orderData.room,
					book_at,
					user_num:this.orderData.num,
					when:this.orderData.when
				}
				this.$http('/apicloud/Order/verifyCompartment', data).then(res => {
					if (res.code == 200) {
						this.closePop();
						let number = this.orderData.roomList.filter(val=> {return val.id == this.orderData.room})[0].number;
						this.roomNum = number;
						if(Number(this.orderData.num > Number(number))){
							this.showPopTip();
							return;
						}else{
							uni.navigateTo({
								url: '/pages/operate/orderFood?type=' + this.ordertype+'&id='+this.id+'&roomId='+this.orderData.room+'&book_at='+book_at+'&user_num='+this.orderData.num+'&when='+this.orderData.when+'&minimum_charge='+this.minimum_charge
							})
						}
					}else{
						this.$util.showToast(res.mess);
					}
				})
			},
		}
	}
</script>

<style lang="less">
	page {
		overflow-x: hidden;
	}

	.circle-orange {
		width: 650px;
		height: 620px;
		background: #FF5200;
		border-radius: 50%;
		position: absolute;
		top: -340px;
		left: 50%;
		transform: translateX(-50%);
		overflow: hidden;
	}

	.top-img {
		height: 600rpx;
		border-radius: 30rpx;
		width: 100%;
	}

	.restaurant-desc {
		background: rgba(255, 255, 255, 0.9);
		box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
		border-radius: 16rpx;
		padding: 20rpx 10rpx 20rpx 30rpx;
		margin-top: -110rpx;
		position: relative;
		z-index: 2;
	}

	.local {
		width: 32rpx;
		height: 32rpx;
		padding: 15rpx;
	}

	.right-gray {
		width: 20rpx;
		height: 20rpx;
		margin-top: 2rpx;
	}

	.wrap {
		background: #FFFFFF;
		box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
		border-radius: 16rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		padding-left: 20rpx;
	}

	.chef-item {
		width: 180rpx;
		margin-right: 25rpx;
		position: relative;

		.tip {
			width: 96rpx;
			height: 40rpx;
			background: #FECB2E;
			border-radius: 16rpx;
			font-size: 24rpx;
			color: #ffffff;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			left: -1px;
			top: -1px;
			z-index: 11;
		}

		.chef-img {
			width: 180rpx;
			height: 180rpx;
			border-radius: 16rpx;
		}
	}

	.room-box {
		width: 200rpx;
		height: 180rpx;
	}

	.room-img {
		width: 200rpx;
		height: 180rpx;
		border-radius: 16rpx;
	}

	.room-desc {
		background: #FFFAE6;
		border-radius: 4rpx;
		padding: 2rpx 6rpx;
		color: #FFCB00;
		font-size: 24rpx;
	}

	.xiangyou-white {
		width: 16rpx;
		height: 16rpx;
	}

	.album-btn {
		background: rgba(0, 0, 0, 0.7);
		border-radius: 30rpx;
		position: absolute;
		right: 30rpx;
		top: -60rpx;
		color: #ffffff;
		padding: 6rpx 20rpx;
		font-size: 24rpx;
	}

	.tips {
		background: #FFE3E3;
		width: 690rpx;
		height: 66rpx;
		border-radius: 8rpx;
		position: absolute;
		bottom: 0rpx;
		left: -20rpx;
		z-index: 5;
		color: #FF0101;
		font-weight: bold;
		padding: 0 0 0 20rpx;
		display: flex;
		align-items: center;
	}

	.len-tip {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.34);
		top: 0;
		left: 0;
		border-radius: 16rpx;
		color: #fff;
		font-size: 36rpx;
		font-weight: bold;
	}
	.bottom-wrap {
		box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.07);
		border-radius: 20px 20px 0 0;
		height: 130rpx;
		position: fixed;
		z-index: 25;
		bottom: 0;
		left: 0;
		background: #ffffff;
		width: 100%;
		padding: 15rpx 30rpx 0 30rpx;
	
		.bottom-btn {
			width: 100%;
			height: 76rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #ffffff;
			font-weight: bold;
			border-radius: 60rpx;
		}
	
		.bottom-btn1 {
			background: #FFCB00;
		}
	
		.bottom-btn2 {
			background: #FF5200;
		}
	}
	.popup_content {
		width: 750rpx;
		min-height: 350rpx;
		background-color: #fff;
		border-radius: 24rpx 24rpx 0 0;
		font-size: 28rpx;
		position: relative;
		padding: 30rpx;
	
		.btn {
			color: #ffffff;
			border-radius: 60rpx;
			width: 45%;
			height: 76rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.btn1 {
			background: #FFCB00;
		}
		.btn2 {
			background: #FF5200;
		}
	}
	.order-btn{
		margin-right: 15rpx;
		min-width: 150rpx;
		height: 100rpx;
		border-radius: 12rpx;
		background: #f5f5f9;
	}
	.order-btn-act{
		background: #FFE7DC;
		color: #FF5200;
		border: 1px solid  #FF5200;
	}
	.order-btn-disabled{
		color: #999;
	}
	.popup_content_tip{
		width: 660rpx;
		border-radius: 24rpx;
		.btn{
			background: #FF5200;
		}
	}
	.scroll-container {
	  // padding-left: 30rpx;  // 左边留出空间
	  // padding-right: 30rpx; // 右边留出空间
	  box-sizing: border-box;
	  
	  // 隐藏原生滚动条（可选）
	  ::-webkit-scrollbar {
	    display: none;
	  }
	}
</style>